Internet News 2000 October/Internet News 2000-10 - CD-ROM.rar/IN200010.BIN/Browser/ie55/IEAK5CD.EXE/1033/RCDATA/CABINET/ieakhelp.chm/ieak5.css

Cascading Style Sheet File | 2000-07-13 | 5KB | 196 lines

/* Style sheet optimized for IE4x & later */

body
        { color: #000000;
        background: #FFFFFF;
        font-size: 70%;
        font-family: Verdana, Arial, Helvetica, Sans Serif;
/* messing around with padding and margins for IEAK 5.0 Help */
        margin: 90 22 2em 22; }

/* all link colors match the IE4+ default colors */
a:link
        { color: #0000FF; }

a:visited
        { color: #800080; }

a:active
        { color: #FF0000; }

a:hover
        { color: #FF0000; }

h1
        { font-size: 130%; /* was 140 */
        margin-bottom: .5em; }


h1.wiz
        { font-size: 120%; /* was 130 */
        margin-top: 1.5em;
        margin-bottom: .5em; }

h2
        { font-size: 110%; /* was 130 */
        margin-top: 1.5em;
        margin-bottom: .5em; }

h3
        { font-size: 100%; /* was 120 */
        margin-top: 1.2em;
        margin-bottom: .5em; }

h4
        { font-size: 100%; /* was 110 - I don't think we'll use these */
        margin-top: 1.2em;
        margin-bottom: .5em; }

h5
        { font-size: 100%; /* I don't think we'll use these */
        margin-top: 1.2em;
        margin-bottom: .5em; }

p
        { margin-top: .6em;
        margin-bottom: .6em; }


p.proclabel, p.otherh
        { font-size: 100%;
        font-weight: bold;
        margin-top: 1.1em; }

ol
        { margin-top: .5em;
        margin-bottom: 0em;
        margin-left:   4em;
/* bizarrely enough, needed to prevent ul ol items getting bullets instead of numbers */
        list-style-image: url();
        }

ul
        { margin-top:   .6em;
        margin-bottom:   0em;
        margin-left:   3.5em;
        margin-right:    0em;
/* added for IEAK 5.0 Help */
        list-style-image: url(brown_sqr.gif); }

li
        { margin-bottom: .7em;
        margin-left: -14px; }

ol li
        { margin-left: -14px; }

ul li
        { margin-left: -21px; }

dd
        { margin-bottom: 0em;
        margin-left: 1.5em; }

/* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
/* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
/* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
/* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
dt
        {font-weight: bold;
         margin-top: 1em; }

pre
        { margin-top: 0em;
        margin-bottom: 1.5em;
/* the next two lines added by Brad Matter for IEAK 5 Help file */
        font-family: Courier New;
        font-size: 125%  }

code
        { font-family: Courier New;
        font-size: 125% }

table
        { font-size: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 2px; }


/*
padding in td and th added to replace "cellpadding" in table (there *isn't* such a thing as cellpadding in css!)
tried using ems, but only got padding on top and bottom
*/

th
        { text-align: left;
        background: #dddddd;
        vertical-align: bottom;
         }

tr
        { vertical-align: top; }

td
        { background: #eeeeee;
        vertical-align: top;
         }



/*                       */
/* extended class styles */
/*                       */
/* remove comment tags to enable the style */


/* this class style is used to wrap text around icons in Related Topics areas */
/*p.margin
        { margin-left: 2em;
        margin-top: -1.75em; }  */

/* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
p.indent
        { margin-left: 2.1em; }  /* was 2; changed to line up better with li */

/* this class style is used for table footnotes and anywhere else you want small type */
/*p.mini
        { font-size: 80% }  */


/* added for IEAK 5.0 Help */

.topbar
    {
    position: absolute;
    left: -3px;
    top:0;
    margin: 0 -25 30 0;
    }


/* The the category headings have a fixed point size because they are superimposed on the banner image.
    It does look kinda cool when they shift if they're specified using percentage, but... */

.toptext1 /* first word of category heading goes on the top line */
    {
    font-family: Arial, Helvetica, Sans Serif;
    font-weight: bold;
    font-size: 14pt;
    font-variant: small-caps;
/*    letter-spacing: .25pt; */
    color: #ffffff;
    position:absolute; top:35; left:20;
    }

.toptext2 /* second and subsequent words of category heading go on the second line */
    {
    font-family: Arial, Helvetica, Sans Serif;
    font-weight: bold;
    font-size: 14pt;
    font-variant: small-caps;
/*    letter-spacing: .25pt; */
    color: #003399;
    position:absolute; top:49; left:62;
    }